/* ----------------------------------------- Trip Planner ------------------------------------------------*/

.trip-list-item
{
    font-family: Arial;
    font-size: 10pt;
    margin: 0px;
    
    display: table;
    background-image: url('../../../Application/resources/img/list-arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
}

.trip-list-item ul
{
    display: table;
    padding-left: 0;
}

.trip-list-item li
{
    width: 50px;
    display: table-cell;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 40px;
}

.trip-list-item li.bus
{
    background-image: url('../../../Application/resources/img/bus_icon.png');
    background-size: 26px 33px;
}

.trip-list-item li.walk
{
    background-image: url('../../../Application/resources/img/walk_icon_lrg.png');
    background-size: 19px 34px;
}

.trip-list-item li.metro
{
    background-image: url('../../../Application/resources/img/rail_icon.png');
    background-size: 20px 33px;
}

.trip-list-item li div
{
    background-position: center;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 20px;
}

.trip-list-item li div.start
{
    background-image: url('../../../Application/resources/img/line_start.png');
}

.trip-list-item li div.middle
{
    background-image: url('../../../Application/resources/img/line_middle.png');
}

.trip-list-item li div.finish
{
    background-image: url('../../../Application/resources/img/line_finish.png');
}

.trip-list-item span
{
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    vertical-align: bottom;
    height: 17px;
    width: 30%;
}

.trip-list-item span.departure
{
    background-image: url('../../../Application/resources/img/home_icon.png');
}

.trip-list-item span.arrival
{
    background-image: url('../../../Application/resources/img/finish_icon.png');
}

.trip-list-item span.duration
{
    background-image: url('../../../Application/resources/img/duration_icon.png');
}

.trip-list-item span.walk-duration
{
    background-image: url('../../../Application/resources/img/walk_distance_icon.png');
}

.trip-list-item span.route-duration
{
    background-image: url('../../../Application/resources/img/route_distance_icon.png');
}

.trip-list-item span.transfers
{
    background-image: url('../../../Application/resources/img/transfer_icon.png');
}

.trip-list-item td.bold-text
{
    font-weight: bolder;
}

/* ----------------------------------------- Next Transport ------------------------------------------------*/


.next-transport-list-item
{
    background-image: url('../../../Application/resources/img/list-arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    display: table;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    font-family: Arial;
    font-size: 10pt;
    padding-right: 20px !important;
}

.bus-route
{
    background-image: url('../../../Application/resources/img/bus-route.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 44px;
    height: 44px;
    background-color: transparent;
    border-style: none;
    margin: 0px;
    padding-top: 21px;
    font-weight: bold;
}

.next-transport-list-item div
{
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.next-transport-list-item div:nth-child(2)
{
    width: 100%;
}

.next-transport-list-item div span
{
    display: block;
}

.next-transport-list-item .distance
{
    background-image: url('../../../Application/resources/img/walk_distance_icon.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: 10px 15px;
    padding-left: 17px;
    margin: 2px;
    display: block;
}

.next-transport-list-item.stop-name
{
	width: 80%;
    font-weight: bold;
}

.next-transport-list-item div ul
{
    padding-left: 0px;
    margin: 0px;
}

.next-transport-list-item div ul li
{
    background-image: url('../../../Application/resources/img/schedule_icon.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 17px;
    margin: 2px;
    display: block;
    white-space: nowrap;
}

/* ----------------------------------------- Stop Details ------------------------------------------------*/

.stop-details-button
{
	width: 45%;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.stop-details-last-button
{	
	width: 45%;
}

.stop-details-full-button
{	
	width: 92%;
	margin-left: 20px;
}

.stop-details-text
{
	width: 70%;
}

.stop-details-text-last
{
	width: 70%;
	clear: right;
}


.stop-details-info
{
	width: 70%;
	float: left;
}

.stop-details-map-block
{
	display: inline;
	width: 20%;
	float: left;
	margin: 10px;
	height: 120px;
}

.stop-details-map
{
	width: 100%;
	height: 120px;
}

.stop-details-favorites
{
    background-image: url('../../../Application/resources/img/favorites.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 48px;
    background-color: transparent;
    border-style: none;
}

.stop-details-arrivals
{
	margin-top: 20px;
	width: 100%;
}